<template>
  <div class="d-flex flex-wrap jc-between" >
    <li v-for="(item,i) in list" :key='i' style="width:1.85rem" @click="$router.push({path:'/detail',query:{kindid:item.data[0].kindid}})" >
      <div>
      <img :src="item.data[0].picPath" alt="" style="width:1.55rem">
       <p style="height:0.18rem;background: rgba(153,153,153,.6); color:#fff;">{{item.data[0].label}}</p>
      </div>
      <div>
        <p>{{item.data[0].Drugname}}</p>
        <p class="f-12 e3">{{item.data[0].grain}}</p>
        <p class="f-14" style="color:#f05">￥{{item.data[0].price}}</p>
        <p >{{item.data[0].company}}</p>
      </div>
    </li>
  </div>
</template>

<script>
export default {
  props: ['list'],
  data () {
    return {
    }
  },
  created () {
  }
}
</script>
